<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>themes</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="warper">
    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-4"><a href="">Themes</a></div>
                <div class="col-md-6 col-8">
                    <div class="row">
                        <div class="col"><a href="" class="active">Themes</a></div>
                        <div class="col"><a href="">About</a> </div>
                        <div class="col"><a href="">FAQ</a></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="container">
            <img src="img/1_07.png" alt="">
            <h3>Themes</h3>
            <P>Customize and ext/[ph/end</P>
            <a href="">Explore</a>
            <div class="row">
                <div class="col-md-4 col-12">
                    <img src="img/2_15.png" alt="">
                    <p class="pp1">Components and examples</p>
                    <p class="pp2">Each ehemes features new components</p>
                </div>
                <div class="col-md-4 col-12">
                    <img src="img/3_17.png" alt="">
                    <p class="pp1">Tons of vaiiables</p>
                    <p class="pp2">Themes components inhenit much</p>
                </div>
                <div class="col-md-4 col-12">
                    <img src="img/4_15.png" alt="">
                    <p class="pp1">Source files and tools</p>
                    <p class="pp2">Each themes ncludes compontents</p>
                </div>
            </div>
        </div>
    </nav>
    <div class="main">
        <div class="container">
            <div class="jen">
                <h4>Team</h4>
            </div>
            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="card">
                        <div class="div-tu">
                            <img src="img/insta-2.jpg" class="card-img-top" alt="...">
                        </div>
                        <div class="ding">
                            <img src="img/avatar-fat.jpg" alt="">
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                Jacob Thornton
                            </p>
                            <p class="card-text zi">
                                Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers
                            </p>
                            <a href="">View GitHub</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card">
                        <div class="div-tu">
                            <img src="img/insta-1.jpg" class="card-img-top" alt="...">
                        </div>
                        <div class="ding">
                            <img src="img/avatar-mdo.jpg" alt="">
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                Jacob Thornton
                            </p>
                            <p class="card-text zi">
                                Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers
                            </p>
                            <a href="">View GitHub</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card">
                        <div class="div-tu">
                            <img src="img/insta-3.jpg" class="card-img-top" alt="...">
                        </div>
                        <div class="ding">
                            <img src="img/avatar-dhg.png" alt="">
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                Jacob Thornton
                            </p>
                            <p class="card-text zi">
                                Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers
                            </p>
                            <a href="">View GitHub</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar">
        <div class="container">
            <div class="ka clearfix">
                <div class="ka-left">
                    <h4>C'mon.chenk out the themes!</h4>
                    <p>Now you know what we're about,so peep the goods</p>
                </div>
                <div class="ka-right">
                    <a href="">View GitHub</a>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container clearfix">
            <div class="hu">
                <div class="yu">
                    <a href="">About</a>
                </div>
                <div class="yu">
                    <a href="">Terms</a>
                </div>
                <div class="yu">
                    <a href="">Privacy</a>
                </div>
                <div class="yu">
                    <a href="">Licenses</a>
                </div>
                <div class="yu">
                    <a href="">FAQ</a>
                </div>
                <div class="yu">
                    <a href="">Bootstrap</a>
                </div>
            </div>
        </div>
    </footer>
</div>
</body>
</html>